<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>我的</title>
    <!-- Demo styles -->
    <style>


    </style>
    <script src="./font_ico/iconfont.js"></script>
    <!-- 引用bootstrap核心css -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- 引用动画库 -->
    <link rel="stylesheet" href="css/animate.min.css">

    <!-- 引用重置样式表 -->
    <link rel="stylesheet/less" href="css/reset.less">

    <!-- 引用公共样式 -->
    <link rel="stylesheet/less" href="css/common.less">

    <!-- 引用该页面样式 -->
    <link rel="stylesheet/less" href="css/index.less">


</head>

<body>
<div class="warp">
    <div class="wode-top">
    </div>
    <div class="login-mgs">
        <div>
            <div class="head-portrait"><img src="./images/36.gif" alt=""></div>
            <div class="nickname">
                <div><p>Water Wudi</p><img src="./images/pander.png" alt=""></div>
                <span>中国，广州</span>
            </div>

        </div>
        <hr>
        <div class="wode-b">
            <div>
                <p>访客</p>
                <span>2318</span>
            </div>
            <div>
                <p>喜欢</p>
                <span>364</span>
            </div>
            <div>
                <p>匹配</p>
                <span>15</span>
            </div>
        </div>
    </div>
    <div class="list">
        <div>
            <a href="">
               <div class="sp1"><img src="./images/ico1.png" alt=""><span >我喜欢</span></div>
                <div class="sp2"><span>&gt;</span></div>
            </a>
        </div>
        <div>
            <a href="">
                <div class="sp1"><img src="./images/ico3.png" alt=""><span >访客</span></div>
                <div class="sp2"><span>&gt;</span></div>
            </a>
        </div>
        <div>
            <a href="">
                <div class="sp1"><img src="./images/ico4.png" alt=""><span >群组</span></div>
                <div class="sp2"><span>&gt;</span></div>
            </a>
        </div>
    </div>
    <div class="list list-bom">
        <div>
            <a href="">
                <div class="sp1"><img src="./images/ico9.png" alt=""><span >群组</span></div>
                <div class="sp2"><span>&gt;</span></div>
            </a>
        </div>
        <div>
            <a href="">
                <div class="sp1"><img src="./images/ico8.png" alt=""><span >群组</span></div>
                <div class="sp2"><span>&gt;</span></div>
            </a>
        </div>
        <div>
            <a href="">
                <div class="sp1"><img src="./images/ico7.png" alt=""><span >群组</span></div>
                <div class="sp2"><span>&gt;</span></div>
            </a>
        </div>
        <div>
            <a href="">
                <div class="sp1"><img src="./images/ico6.png" alt=""><span >访客</span></div>
                <div class="sp2"><span>&gt;</span></div>
            </a>
        </div>
        <div>
            <a href="">
                <div class="sp1"><img src="./images/ico5.png" alt=""><span >我喜欢</span></div>
                <div class="sp2"><span>&gt;</span></div>
            </a>
        </div>
    </div>


</div>
<div class="end">
    <div>

        <a href="./nav/shouye.html">
            <img src="./images/shouye.png">
        </a>
        <a href="./nav/fujin.html">
            <img src="./images/daohang.png">
        </a>
        <a href="./nav/shoucang.html">
            <img src="./images/shoucang.png">
        </a>
        <a href="./nav/pinglun.html">
            <img src="./images/pinglun.png">
        </a>
        <a href="./index.html">
            <img src="./images/wode.png">
        </a>

    </div>
</div>
</body>

</html>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.repeat.js"></script>
<script src="js/less.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>

<script>
    //实例化wow.js
    new WOW().init();


</script>